import React from 'react';
import logo from './logo.svg';
import './App.css';
import { useRoutes } from 'react-router';
import Basics from './view/Basics';
import ZoerZoer from './view/00-Test';
import ZoerOne from './view/01-基础';
import ZoerOne1 from './view/01-基础-Attrib共享';
import ZoerTwo from './view/02-PolyTest';
import ZoerThree from './view/03-SceneTest';
import ZoerFour from './view/04-屏幕坐标2裁剪坐标';
import ZoerFive from './view/05-深度信息';

//这个东西会吧每个页面全部先加载一遍???
const App: React.FC = () => {
  const routing = useRoutes([
    {
      path: "/",
      element: <Basics />
    }, {
      path: "00-Test",
      element: <ZoerZoer />
    }, {
      path: "01-基础",
      element: <ZoerOne />
    }, {
      path: "01-基础-Attrib共享",
      element: <ZoerOne1 />
    }, {
      path: "02-PolyTest",
      element: <ZoerTwo />
    }, {
      path: "03-SceneTest",
      element: <ZoerThree />
    }, {
      path: "04-屏幕坐标2裁剪坐标",
      element: <ZoerFour />
    }, {
      path: "05-深度信息",
      element: <ZoerFive />
    }
  ]);
  return <>{routing}</>;
};

export default App;
